﻿<UserControl
    x:Class="Daphne.ControlsMetro.Clock.GameClock"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Daphne.ControlsMetro.Clock"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="700"
    d:DesignWidth="1000">
    <UserControl.Resources>
        <Style TargetType="local:DigitalNumber">
            <Setter Property="Margin" Value="20" />
            <Setter Property="ForegroundOn" Value="WhiteSmoke" />
            <Setter Property="Foreground" Value="Transparent" />
        </Style>
        <Style TargetType="local:DigitalClock">
            <Setter Property="Margin" Value="40" />
        </Style>
        <LinearGradientBrush x:Key="uxBackground">
            <GradientStop Color="White" Offset="0" />
            <GradientStop Color="LightYellow" Offset="1"/>
        </LinearGradientBrush>
    </UserControl.Resources>   
    <Border BorderThickness="10" CornerRadius="30" BorderBrush="Bisque" Background="{StaticResource uxBackground}">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="1*" />
                <RowDefinition Height="1*" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1*" />
                <ColumnDefinition Width="1*" />
            </Grid.ColumnDefinitions>
        
            <local:DigitalClock x:Name="uxGameWhiteClock" Grid.Row="0" Grid.Column="0" />
            <local:DigitalClock x:Name="uxGameBlackClock" Grid.Row="0" Grid.Column="1" />
            <local:DigitalClock x:Name="uxMoveWhiteClock" Grid.Row="1" Grid.Column="0" />
            <local:DigitalClock x:Name="uxMoveBlackClock" Grid.Row="1" Grid.Column="1" />

        </Grid>
    </Border>        
</UserControl>
